<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网-淘！我喜欢</title>
    <link rel="shortcut icon" href="imag.2/shejiaotubiao-08.png" />
    <link rel="stylesheet" href="淘宝.css">
    <link rel="stylesheet" href="base.css">
</head>

<body>
    <!--快捷导航-->
    <div class="shortcut">
        <ul class="left">
            <a href="#" class="arrow-icon">中国大陆
                <!-- <select>
                    <option>全球</option>
                    <option>中国大陆</option>
                    <option>中国香港</option>
                    <option>中国台湾</option>
                    <option>中国澳门</option>
                    <option>小西八</option>
                    <option>八嘎</option>
                </select>-->
            </a>
            <a href="#">亲，请登录</a>
            <a href="#">免费注册</a>
            <a href="#">手机逛淘宝</a>
            <a href="#">网页无障碍</a>
        </ul>
        <ul class="right">
            <a href="#" class="arrow-icon">我的淘宝</a>
            <a href="#" class="shopcar">购物车</a>
            <a href="#" class="arrow-icon">收藏夹</a>
            <a href="#">商品分类</a>
            <a href="#">免费开店</a>
            <a href="#" class="arrow-icon">千牛卖家中心</a>
            <a href="#" class="arrow-icon">联系客服</a>
        </ul>
    </div>
    <!--header-->
    <div class="header w clearfix">
        <div class="logo">
            <img src="imag.2/tao.png" alt="" height="50" width="110">
        </div>
        <div class="search">
            <input type="search" name="" id="" placeholder="平衡车">
            <button>搜索</button>
            <ul class="fen">
                <a href="#">新款连衣裙</a>
                <a href="#">女鞋</a>
                <a href="#">男鞋</a>
                <a href="#" class="ts">T恤</a>
                <a href="#">裤子</a>
                <a href="#">时尚女鞋</a>
                <a href="#">行车记录仪</a>
                <a href="#">手机</a>
                <a href="#">电脑</a>
                <a href="#">新奇外套</a>
                <a href="#">四件套</a>
                <a href="#">车内装饰</a>
                <a href="#">玩偶公仔</a>
            </ul>
        </div>
        <div class="ma">
            <p>下载淘宝</p>
            <img src="imag.2/下载.png" alt="" height="77" width="77">
        </div>
    </div>
    <!--Bigbox-->
    <div class="Bigbox w ">
        <div class="nav">
            <ul class="theme">
                <li>主题市场</li>
                <a href="#">女装/内衣/家居</a><br>
                <a href="#">男装/户外活动</a><br>
                <a href="#">影戏/电泳</a><br>
                <a href="#">笑死我了/哈哈</a><br>
                <a href="#">手表/眼镜/珠宝/手包</a><br>
                <a href="#">女装/内衣/家居</a><br>
                <a href="#">男装/户外活动</a><br>
                <a href="#">影戏/电泳</a><br>
                <a href="#">笑死我了/哈哈</a><br>
                <a href="#">手表/眼镜/珠宝/手包</a><br>
                <a href="#">女装/内衣/家居</a><br>
                <a href="#">男装/户外活动</a><br>
                <a href="#">影戏/电泳</a><br>
                <a href="#">笑死我了/哈哈</a><br>
                <a href="#">手表/眼镜/珠宝/手包</a>
            </ul>
            <ul class="shop">
                <li class="tianmao">天猫</li>
                <li>聚划算</li>
                <li>天猫超市</li>
                <li>司法拍卖</li>
                <li>飞猪旅行</li>
                <li>天天特卖</li>
                <li>早点易购</li>
                <li>苏灵易购</li>
                <li>淘宝直播</li>
                <li>品优购</li>
                <li>你想购就购</li>
                <div class="promo clearfix">
                    <div class="tb-promo">
                        <img src="imag.2/fashion.jpg">
                        <a href="#" class="prev">&lt;</a>
                        <a href="#" class="next">&gt;</a>
                        <ul class="promo-nav">
                            <li class="selected"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="bp clearfix">
                        <img src="imag.2/tianmao.png" alt="">
                        <p>理想生活上天猫</p>
                    </div>
                    <div class="ph">
                        <img src="imag.2/box01.jpg" alt="">
                        <img src="imag.2/box03.jpg" alt="">
                    </div>
                    <div class="user clearfix">
                        <div class="child1">
                            <img src="imag.2/taobao.jpg" alt="">
                            <a>Hi ,hello</a>
                            <ul>
                                <li>登录</li>
                                <li>注册</li>
                                <li>开店</li>
                            </ul>
                        </div>
                        <div class="child2">
                            <img src="imag.2/pink.png" alt="">
                        </div>
                        <div class="child3">
                            <div>
                                <h4>公告</h4>
                                <p class="fresh">：新鲜事都在这儿~</p><br>
                            </div>
                            <ul>
                                <div>
                                    <li>规则 </li>
                                    <p> 淘宝说要打败拼多多和拼夕夕</p>
                                </div>
                                <div>
                                    <li>热点 </li>
                                    <p> 想看八卦娱乐新闻请移步至微博</p>
                                </div>
                                <div>
                                    <li>热点 </li>
                                    <p> 据说经常熬夜会秃头，老姜汁洗发水值得拥有</p>
                                </div>
                            </ul>
                            <div class="star">
                                <img src="imag.2/03.png" alt="">
                                <img src="imag.2/wodezuji.png" alt="">
                                <img src="imag.2/dianpu.png" alt="">
                                <img src="imag.2/jiaxingshoucang.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
    </div>
    <div class="goods w">
        <div class="goods-theme clearfix">
            <h1>有好货</h1>
            <span>
                全民口碑
            </span>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth2.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth3.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth4.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
        <div class="goods-style">
            <img src="imag.2/cloth2.jpg" alt=""><br>
            <a href="#">这是哒哒啦啦补不了衬衫</a>
            <p>很流行，很显瘦，200斤也ok</p>
        </div>
    </div>
    <div class="introdact w">
        <div class="right">
            <div> <img src="imag.2/xiaofeizhebaozhang.png" alt="">
                <h2>消费者权益保障</h2>
                <a href="#">保障范围</a>
                <a href="#">退货退款流程</a>
                <a href="#">服务中心</a><br>
                <a href="#">更多特色服务</a>
            </div>
            <div><img src="imag.2/taobaotese.png" alt="">
                <h2>淘宝特色</h2>
                <a href="#">手机淘宝</a>
                <a href="#">我是靓仔</a>
                <a href="#">大众评审</a>
            </div>
            <div> <img src="imag.2/xinshoushanglu.png" alt="">
                <h2>新手上路</h2>
                <a href="#">新手专区</a>
                <a href="#">我是靓仔</a>
                <a href="#">24小时在线帮助</a>
            </div>
            <div><img src="imag.2/fukuanfangshi.png" alt="">
                <h2>付款方式</h2>
                <a href="#">快捷支付</a>
                <a href="#">信用卡</a>
                <a href="#">支付宝</a>
                <a href="#">微信</a>
            </div>
        </div>
    </div>
    <div class="end">
        <div class="app w">
            <li><a href="#">阿里巴巴集团</a>|</li>
            <li><a href="#">淘宝网</a>|</li>
            <li><a href="#">我是黑</a>|</li>
            <li><a href="#">最划算</a>|</li>
            <li><a href="#">汽贸</a>|</li>
            <li><a href="#">七猫小说</a>|</li>
            <li><a href="#">网易云</a>|</li>
            <li><a href="#">钉钉打卡</a>|</li>
            <li><a href="#">学易通</a>|</li>
            <li><a href="#">你的</a>|</li>
            <li><a href="#">健康码</a>|</li>
            <li><a href="#">是鸿马</a>
            <li><a href="#">阿里巴巴集团</a>|</li>
            <li><a href="#">淘宝网</a>|</li>
            <li><a href="#">我是黑</a>|</li>
            <li><a href="#">最划算</a>|</li>
            <li><a href="#">汽贸</a>|</li>
            <li><a href="#">七猫小说</a>|</li>
            <li><a href="#">网易云</a>|</li>
            <li><a href="#">钉钉打卡</a>|</li>
            <li><a href="#">学易通</a>|</li>
            <li><a href="#">你的</a>|</li>
            <li><a href="#">健康码</a>|</li>
            <li><a href="#">是鸿马</a>
        </div>
        <div class="police w">
            <li><a href="#">阿里巴巴集团</a>|</li>
            <li><a href="#">淘宝网</a>|</li>
            <li><a href="#">我是黑</a>|</li>
            <li><a href="#">最划算</a>|</li>
            <li><a href="#">汽贸</a>|</li>
            <li><a href="#">七猫小说</a>|</li>
            <li><a href="#">最划算</a>|</li>
            <li><a href="#">汽贸</a>|</li>
            <li><a href="#">七猫小说</a>|</li>
            <li><a href="#">网易云</a>|</li>
            <li><a href="#">钉钉打卡</a>|</li>
            <li><a href="#">学易通</a>|</li>
            <div>
                <p>© 2003-现在 Taobao.com 版权所有</p>
                <div class="blank">
                    <p>增值电信业务经营许可证：浙B2-20080224|增值电信业务经营许可证（跨地区）：
                        B2-20150210|浙网文（2019）1033-086号|浙江省网络食品销售第三方平台提供者备案：浙网食A33010001|</p>
                    <p>互联网药品信息服务资格证书（浙）-经营性-2018-0010|短消息类服务接入代码使用证书：号【2016】00154-A01|信息网络传播视听许可证：1109364号|出版物网络交易平台服务经营备案号：新出发浙备字第002号|
                    </p>
                    <p>浙江网安倍|安倍晴明|广播电视节目制作经营许可证（浙）字第01012号|市场名称登记证：工商网市字3301004120号|医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号|
                    </p>
                </div>
            </div>
            <div class="pic">
                <img src="imag.2/hui_03.png" alt="">
            </div>
        </div>
    </div>


</html>